import React, { Component } from 'react'
export default class Parent extends Component {
    render() {
        return (
            <div>
                <h1>父组件</h1>
                <Child render={(name) => <Son aaa={name} />} />
            </div>
        )
    }
}
// 使用标签属性的中的 render属性 可以理解为Vue中的插槽技术
class Child extends Component {
    state = {
        name: 'active'
    }
    render() {
        return (
            <div>
                <h2>子组件</h2>
                {this.props.render(this.state.name)}
            </div>
        )
    }
}

class Son extends Component {
    render() {
        return (
            <div>
                <h3>孙子组件--- {this.props.aaa}</h3>
            </div>
        )
    }
}
